@charset "UTF-8";

/*=================
    BANNER START
==================*/

/*======== banner-wheel START =========*/
#banner .banner-wheel{
    width:100%;
    height: 460px;
}
#banner .banner-wheel img{
    width: 100%;
}
#banner .banner-wheel .b-category{
    top: 0;
    left: 0;
    width: 234px;
    height:100%;
    background-color: rgba(0,0,0,.3);
}
#banner .banner-wheel .b-category .b-category-nav{
    padding-top:20px;
}
#banner .banner-wheel .b-category .b-category-nav > li > a{
    display: block;
    height:42px;
    padding-left:30px;
    padding-right:20px;
    color:#fff;
    font-size:12px;
    line-height: 42px;
}
#banner .banner-wheel .b-category .b-category-nav >li > a:hover{
    background-color:#ff6700;
}
#banner .banner-wheel .b-category li .category-list{
    display: none;
    top:0;
    left:234px;
    height:458px;
    border: 1px solid #e0e0e0;
    border-left:none;
    background-color: #fff;
    box-shadow: 2px 2px 4px 0 #eee;
}
#banner .banner-wheel .b-category li .category-list-4{
    width:992px;
}
#banner .banner-wheel .b-category li .category-list-2{
    width:592px;
}
#banner .banner-wheel .b-category li .category-list-3{
    width:744px;
}
#banner .banner-wheel .b-category .b-category-nav >li > a:hover + .category-list{
    display: block;
}
#banner .banner-wheel .b-category li .category-list .categroy-list-item{
    width:246px;
}
#banner .banner-wheel .b-category li .category-list .categroy-list-item a{
    display: block;
    padding:18px 20px;
    height:40px;
    font-size: 15px;
    color:#333;
}
#banner .banner-wheel .b-category li .category-list .categroy-list-item a img{
    width:40px;
    margin-right:4px;
}
/*======== banner-wheel END =========*/



/*======== banner-introduce START =========*/
#banner .banner-introduce{
    height:316px;
    margin-top: 14px;
    margin-bottom: 42px;
}
#banner .banner-introduce .sub-channel{
    width:234px;
    height:170px;
    background-color: #5f5750;
}
#banner .banner-introduce .sub-channel ul{
    padding:3px;
}
#banner .banner-introduce .sub-channel ul li{
    width:76px;
    height:82px;
}
#banner .banner-introduce .sub-channel ul li.right:after{
    content:"";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height:70px;
    background-color: #665e57;
}
#banner .banner-introduce .sub-channel ul li.top::before{
    content:"";
    position: absolute;
    top:0px;
    left: 3px;
    width: 64px;
    height:1px;
    background-color: #665e57;
}
#banner .banner-introduce .sub-channel ul li a{
    font-size: 12px;
    color:#cfcdcb;
    padding-top:8px;
}
#banner .banner-introduce .sub-channel ul li a .iconfont{
font-size: 30px;
}
#banner .banner-introduce .sub-pormo li img{
    width:316px;
    height:170px;
}
#banner .banner-preheat img{
    width:1226px;
}
/*======== banner-introduce END =========*/


/*=================
    BANNER END
==================*/